
<template>
  <div>
      <h1>{{total}}</h1>
      <!-- <h1>{{getSum()}}</h1> -->
  </div>
</template>

<script>
export default {
    data(){
        return{
            boys:78,
            girls:36
        }
    },
    // 计算属性
    // 如果依赖发生变化,函数自动执行
    //用法和data函数中的数据变量一致,不能同名
    computed:{
        total(){
            return this.boys+this.girls
        }
    },
    // methods:{
    //     getSum(){

    //     }
    // }
}
</script>

<style>

</style>